﻿<!DOCTYPE html >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>自定义Splitter</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

    
    <script src="../../scripts/boot.js" type="text/javascript"></script>
    
    <style type="text/css">
    .splitter1 .mini-splitter-handler-buttons
    {
        left:-2px;
    }
    .splitter1 .mini-splitter-pane1-button
    {
        background:url(btn2.jpg) no-repeat;
        width:9px;
    }
    .splitter1 .mini-splitter-pane2-button
    {
        background:url(btn.jpg) no-repeat;
        width:9px;
    }
    </style>       

</head>
<body>
    <h1>自定义Splitter</h1>      
    
<div class="mini-splitter splitter1" style="width:350px;height:200px;">
    <div size="30%" showCollapseButton="true" style="padding:5px;">
        1
    </div>
    <div >
        2
    </div>        
</div>

    
</body>
</html>